

<style type="text/css">

    h3{ margin: 10px 10px 0 10px; color:#FFF; font:14pt Arial, sans-serif; letter-spacing:-1px;  }

    .boxgrid{ 
        width: 230px; 
        height: 200px; 
        margin:10px;
        margin-left: 10px;
        float:left; 
        background:#161613; 
        border: solid 2px #000; 
        overflow: hidden; 
        position: relative; 
    }
    .boxgrid img{ 
        position: absolute; 
        top: 0; 
        left: 0; 
        border: 0; 
    }
    .boxgrid p{ 
        padding: 0 10px; 
        color:#afafaf; 
        font-weight:bold; 
        font:10pt "Lucida Grande", Arial, sans-serif; 
    }

    .boxcaption{ 
        float: left; 
        position: absolute; 
        height: 50px; 
        width: 100%; 
        opacity: 1; 
        /* For IE 5-7 */
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        /* For IE 8 */
        -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }
    .captionfull .boxcaption {
        top : 4%;
        bottom: 0;
        left: 0;
    }
    .caption .boxcaption {
        top : 4%;
        bottom: 0;
        left: 0;
    }

</style>      
<div id="content_photos">
    <div id="photos_container">
        <div class="boxgrid captionfull">
            <a href="<?php echo site_url('welcome/maritime/1'); ?>" style="color: #C8DCE5">
                <img src="<?php echo base_url(); ?>images/paintings/sea/p40.jpg" width=300 alt="Seascape/Maritime paintings cover"/>
                <div class="cover boxcaption">
                    <h3>Seascapes</h3>
                </div>	
            </a>

        </div>
        <div class="boxgrid captionfull">
            <br/><a href="<?php echo site_url('welcome/still_life/1'); ?>" style="color: #C8DCE5">
                <img src="<?php echo base_url(); ?>/images/paintings/animalsAndObjects/p209.jpg" width=340px alt="Still lige paintings cover" />

                <div class="cover boxcaption">
                    <h3>Still Life</h3>
                </div>		
            </a>
        </div>

        <div class="boxgrid captionfull">
            <br/><a href="<?php echo site_url('welcome/miscellaneous/1'); ?>" style="color: #C8DCE5">
                <img src="<?php echo base_url(); ?>/images/paintings/people/p303.jpg" width=340px  alt="Miscellaneous/various paintings cover"/>

                <div class="cover boxcaption">
                    <h3>Various</h3>
                </div>		
            </a>
        </div>
    </div>
</div>